<!DOCTYPE html>
<html>
<head>
    <title>移动端首页 {$site_info.site_name|default=''}</title>
    <meta name="keywords" content="{$site_info.site_seo_keywords|default=''}"/>
    <meta name="description" content="{$site_info.site_seo_description|default=''}">
    <include file="public@mobile_head"/>
    <hook name="before_head_end"/>
</head>
<body class="page-news">
<div class="container">
	

	<div class="contents">
		<div class="tab-ctrl">
			<div class="tab-btn active">志愿者新闻</div>
			<div class="tab-btn">最新公告</div>

		</div>


		<div class="tab-panel">
			<ul>
				<volist name="volunt_news" id="vo">

				<li class="shadow-box-0">
					<div class="thumb">
						<a href="/mobile/news/details/id/{$vo.id}">
							<img src="{$vo.thumbnail|cmf_get_image_url|default='http://rzjj.coolaring.com/themes/rzjj/public/assets/img/thumbnail.jpg'}" alt="{$vo.post_title}">
						</a>
					</div>
					<div class="info">
						<h3><a href="/mobile/news/details/id/{$vo.id}">{$vo.post_title}</a></h3>
						<span class="post-date"><span class="iconfont">&#xe63d;</span>{$vo.published_time|date='Y/m/d H:i'}</span>
					</div>
				</li>

				</volist>
				<empty name="$volunt_news"><li>暂无志愿者新闻</li></empty>
			</ul>
		</div>
		<div class="tab-panel"  style="display:none;">
			<ul>

				<volist name="new_news" id="vo">

					<li class="shadow-box-0">
						<div class="thumb">
							<a href="/mobile/news/details/id/{$vo.id}">
								<img src="{$vo.thumbnail|cmf_get_image_url|default='http://rzjj.coolaring.com/themes/rzjj/public/assets/img/thumbnail.jpg'}" alt="{$vo.post_title}">
							</a>
						</div>
						<div class="info">
							<h3><a href="/mobile/news/details/id/{$vo.id}">{$vo.post_title}</a></h3>
							<span class="post-date"><span class="iconfont">&#xe63d;</span>{$vo.published_time|date='Y/m/d H:i'}</span>
						</div>
					</li>

				</volist>
				<empty name="$new_news"><li>暂无最新公告</li></empty>
			</ul>
		</div>
	</div>
<include file="public@mobile_footer_nav">
<include file="public@mobile_footer">
</div>
<script type="text/javascript">
(function($){
	"use strict";
	function bin_events(){
		$('.tab-ctrl .tab-btn').off("click").on("click",function(e){
			e.preventDefault();
			$(this).addClass('active').siblings('.tab-btn').removeClass('active');
			var _idx = $(this).index();
			$('.tab-panel').eq(_idx).show().siblings('.tab-panel').hide();
		});
	}
	$(function(){
		bin_events();
	})
})(jQuery)

</script>
</body>
</html>